FetchData - Code Metrics - digiaonline/redux-fetch-data - Measure and Improve Code Quality continuously with Scrutinizer

FetchData A
last analyzed 2022-06-22 05:45 UTC

↳ Parent: src/fetch-data.js

Complexity

Total Complexity

Size/Duplication

Total Lines	26
Duplicated Lines	0 %

Importance

Changes

Metric	Value
wmc	5
eloc	20
dl	0
loc	26
c	0
b	0
f	0
rs	10

4 Functions

Rating	Name	Size	Complexity
A	componentWillReceiveProps	3	1
A	render	3	1
A	componentWillMount	3	2
A	fetchData	10	1

import React, { Component, PropTypes } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { RouterContext } from 'react-router';
import { doneFetching } from './module';
import { grabPromises } from './utils';

export class FetchData extends Component {
  componentWillMount() {
    if (!this.props.isFetched) {
      this.fetchData(this.props);
    }
  }

  componentWillReceiveProps(nextProps) {
    this.fetchData(nextProps);
  }

  fetchData(props) {
    const promises = grabPromises(
      props.components,
      props.params,
      this.context.store
    );

    Promise.all(promises).then(() => {
      this.props.actions.doneFetching();
    });
  }

  render() {
    return <RouterContext {...this.props}/>;
  }
}

FetchData.propTypes = {
  isFetched: PropTypes.bool.isRequired,
  actions: PropTypes.object
};

FetchData.defaultProps = {
  isFetched: false
};

FetchData.contextTypes = {
  store: PropTypes.object.isRequired
};

function mapStateToProps(state) {
  return {
    isFetched: state.fetching.fetched
  };
}

function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators({ doneFetching }, dispatch)
  };
}

export default connect(mapStateToProps, mapDispatchToProps)(FetchData);


1			import React, { Component, PropTypes } from 'react';
2			import { bindActionCreators } from 'redux';
3			import { connect } from 'react-redux';
4			import { RouterContext } from 'react-router';
5			import { doneFetching } from './module';
6			import { grabPromises } from './utils';
7
8			export class FetchData extends Component {
9			componentWillMount() {
10			if (!this.props.isFetched) {
11			this.fetchData(this.props);
12			}
13			}
14
15			componentWillReceiveProps(nextProps) {
16			this.fetchData(nextProps);
17			}
18
19			fetchData(props) {
20			const promises = grabPromises(
21			props.components,
22			props.params,
23			this.context.store
24			);
25
26			Promise.all(promises).then(() => {
27			this.props.actions.doneFetching();
28			});
29			}
30
31			render() {
32			return <RouterContext {...this.props}/>;
33			}
34			}
35
36			FetchData.propTypes = {
37			isFetched: PropTypes.bool.isRequired,
38			actions: PropTypes.object
39			};
40
41			FetchData.defaultProps = {
42			isFetched: false
43			};
44
45			FetchData.contextTypes = {
46			store: PropTypes.object.isRequired
47			};
48
49			function mapStateToProps(state) {
50			return {
51			isFetched: state.fetching.fetched
52			};
53			}
54
55			function mapDispatchToProps(dispatch) {
56			return {
57			actions: bindActionCreators({ doneFetching }, dispatch)
58			};
59			}
60
61			export default connect(mapStateToProps, mapDispatchToProps)(FetchData);
62

digiaonline / redux-fetch-data

FetchData A last analyzed 2022-06-22 05:45 UTC

Complexity

Size/Duplication

Importance

4 Functions

Duplication Side-by-Side

Filter issues like

FetchData A
last analyzed 2022-06-22 05:45 UTC